<template>
  <div>
        <lm-button>默认按钮</lm-button>
        <lm-button type="dashed">dashed</lm-button>
        <lm-button type="primary" :animation="false">primary</lm-button>
        <lm-button type="success">success</lm-button>
        <lm-button type="info">info</lm-button>
        <lm-button type="warning">warning</lm-button>
        <lm-button type="danger">danger</lm-button>
        <br/>
        <br/>
        <lm-button plain>朴素按钮</lm-button>
        <lm-button type="primary" plain>primary</lm-button>
        <lm-button type="success" plain>success</lm-button>
        <lm-button type="info" plain>info</lm-button>
        <lm-button type="warning" plain>warning</lm-button>
        <lm-button type="danger" plain>danger</lm-button>
        <br/>
        <br/>
        <lm-button round>圆角按钮</lm-button>
        <lm-button type="dashed" round>dashed</lm-button>
        <lm-button type="primary" round>primary</lm-button>
        <lm-button type="success" round>success</lm-button>
        <lm-button type="info" round>info</lm-button>
        <lm-button type="warning" round>warning</lm-button>
        <lm-button type="danger" round>danger</lm-button>
        <br/>
        <br/>
        <lm-button icon="reload" @click="buttonClick"  circle></lm-button>
        <lm-button type="dashed" icon="reload" @click="buttonClick"  circle></lm-button>
        <lm-button type="primary" icon="reload" @click="buttonClick"  circle></lm-button>
        <lm-button type="success" icon="reload" @click="buttonClick"  circle></lm-button>
        <lm-button type="info" icon="reload" @click="buttonClick"  circle></lm-button>
        <lm-button type="warning" icon="reload" @click="buttonClick"  circle></lm-button>
        <lm-button type="danger" icon="reload" @click="buttonClick"  circle></lm-button>
        <br/>
        <br/>
        <lm-button disabled>禁用默认按钮</lm-button>
        <lm-button type="dashed" disabled>dashed</lm-button>
        <lm-button type="primary" disabled>primary</lm-button>
        <lm-button type="success" disabled>success</lm-button>
        <lm-button type="info" disabled>info</lm-button>
        <lm-button type="warning" disabled>warning</lm-button>
        <lm-button type="danger" disabled>danger</lm-button>
        <br/>
        <br/>
        <lm-button plain disabled>禁用朴素按钮</lm-button>
        <lm-button type="primary" plain disabled>primary</lm-button>
        <lm-button type="success" plain disabled>success</lm-button>
        <lm-button type="info" plain disabled>info</lm-button>
        <lm-button type="warning" plain disabled>warning</lm-button>
        <lm-button type="danger" plain disabled>danger</lm-button>
        <br/>
        <br/>
        <lm-button>默认按钮</lm-button>
        <lm-button size="medium">中等</lm-button>
        <lm-button size="small">小型</lm-button>
        <lm-button size="mini">超小</lm-button>
        <br/>
        <br/>
        <lm-button round>默认按钮</lm-button>
        <lm-button size="medium" round>中等</lm-button>
        <lm-button size="small" round>小型</lm-button>
        <lm-button size="mini" round>超小</lm-button>
        <br/>
        <br/>
        <!-- 
        <lm-group-button>
            <lm-button icon="left">按钮1</lm-button>
            <lm-button icon="reload">按钮2</lm-button>
        </lm-group-button> -->
  </div>
</template>

<script>
import Button from '../../../src/button'
export default {
  components: {
      LmButton:Button,
    //   LmbuttonGroup
  },
  methods: {
    buttonClick(e){
        console.log('lemon',e)
    },
  },
};
</script>

<style scoped>

</style>
